<template>
	<view v-if="open" class="">
		<view class="bg">
			<view class="content">
				<button @click="handleType('share')" class="reset-btn content-item" open-type="share" :data-obj="{title:item.content,path:'/pages/index/index/index?path=/pages/pet/index/buyer'}">
					分享
				</button>
				<!-- <view @click="handleType('share')" class="content-item">分享</view> -->
				<view @click="handleType('del')" class="content-item" style="color: #FF2626;border-bottom:none;">删除
				</view>
				<view style="width: 100%;height: 16rpx;background: #F8F8F8;"></view>
				<view @click="handleClose" class="content-item content-close">
					取消
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			item:{
				
			}
		},
		data() {
			return {
				open: false,
				success: null,
			}
		},
		methods: {
			handleOpen(e) {
				this.open = true
				this.success = e.success ? e.success : null
			},
			handleType(type) {
				if (this.success) {
					this.success(type)
				}
				this.handleClose()
			},
			handleClose() {
				this.open = false
			}
		},
	}
</script>

<style lang="scss" scoped>
	.bg {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 1025;
		background: rgba(0, 0, 0, .5);

		.content {
			width: 100%;
			position: absolute;
			left: 0;
			bottom: 0;
			background: #fff;
			border-radius: 40rpx 40rpx 0rpx 0rpx;

			.content-item {
				width: 100%;
				font-family: PingFangSC, PingFang SC;
				font-weight: 500;
				font-size: 32rpx;
				color: var(--btnColor);
				line-height: 125rpx;
				text-align: center;
				border-bottom: 1rpx solid #F8F8F8;
			}

			.content-close {
				line-height: 1;
				padding: 30rpx 0 92rpx;
			}
		}
	}
</style>